<template>
    <div>
        <div class="tableHead">
            <div>
                <el-button size="small" type="warning" @click="openMoreShop" :disabled="openArr.length === 0">
                    批量解禁
                </el-button>
                <el-button size="small" @click="goBackShopList" :disabled="searchInput === ''">
                    返回商铺列表
                </el-button>
            </div>
            <el-row>
                <el-col>
                    <el-input v-model="searchInput" placeholder="请输入搜索内容" size="small" style="width:250px"></el-input>
                    <el-button @click="searchShop" size="small" type="success" icon="el-icon-search"></el-button>
                </el-col>
            </el-row>
        </div>
        <el-table :data="tableData" height="500px" stripe>
            <el-table-column type="selection"></el-table-column>
            <el-table-column label="名称"></el-table-column>
            <el-table-column label="经营者账号"></el-table-column>
            <el-table-column label="封禁原因"></el-table-column>
            <el-table-column>
                <template slot-scope="scope">
                    <el-button size="small" type="primary" @click="openCheck(scope.$index, scope.row)">查看</el-button>
                    <el-button size="small" type="warning" @click="openShop(scope.$index, scope.row)">解禁</el-button>
                </template>
            </el-table-column>
        </el-table>
        <el-pagination
            background
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="pageStart"
            :page-size="pageSize"
            :page-sizes="[10, 20, 30]"
            layout="sizes, prev, pager, next"
            :total="total"

        >
        </el-pagination>
    </div>
</template>

<script>
export default{
    data() {
        return {
            tableData:[],
            openArr:[],
            searchInput:'',
            pageStart:1,
            pageSize:10,
            total:0
        }
    },
    methods:{
        //批量删除
        openMoreShop(){

        },
        goBackShopList(){

        },
        searchShop(){

        },
        //改变一页展示的数量
        handleSizeChange(){

        },
        //改变当前页
        handleCurrentChange(){

        },
    }
}
</script>

<style scoped>

</style>